.m-1 {
    /* 16 * 0.25 = 4px */
    .margin: 0.25rem;
}

.m-2 {
    .margin: 0.5rem;
}

.m-3 {
    /* 10px */
    .margin: 0.625rem;
}

.m-4 {
    .margin: 0.75rem;
}

.m-5 {
    .margin: 1rem;
}

.m-6 {
    .margin: 1.25rem;
}

.m-7 {
    .margin: 1.5rem;
}

.m-8 {
    .margin: 1.5625rem;
}

.m-9 {
    .margin: 1.875rem;
}

.m-10 {
    .margin: 2rem;
}

.m-11 {
    .margin: 2.1875rem;
}

.m-12 {
    .margin: 2.5rem;
}

.m-13 {
    .margin: 2.8125rem;
}

.m-14 {
    .margin: 3.125rem;
}

.m-15 {
    .margin: 3.75rem;
}

.m-16 {
    .margin: 4.375rem;
}

.m-17 {
    .margin: 5rem;
}

.m-18 {
    .margin: 5.625rem;
}

.m-19 {
    .margin: 6.25rem;
}

.m-20 {
    .margin: 12.5rem;
}



.mt-1 {
    /* 16 * 0.25 = 4px */
    margin-top: 0.25rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    /* 10px */
    margin-top: 0.625rem;
}

.mt-4 {
    margin-top: 0.75rem;
}

.mt-5 {
    margin-top: 1rem;
}

.mt-6 {
    margin-top: 1.25rem;
}

.mt-7 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 1.5625rem;
}

.mt-9 {
    margin-top: 1.875rem;
}

.mt-10 {
    margin-top: 2rem;
}

.mt-11 {
    margin-top: 2.1875rem;
}

.mt-12 {
    margin-top: 2.5rem;
}

.mt-13 {
    margin-top: 2.8125rem;
}

.mt-14 {
    margin-top: 3.125rem;
}

.mt-15 {
    margin-top: 3.75rem;
}

.mt-16 {
    margin-top: 4.375rem;
}

.mt-17 {
    margin-top: 5rem;
}

.mt-18 {
    margin-top: 5.625rem;
}

.mt-19 {
    margin-top: 6.25rem;
}

.mt-20 {
    margin-top: 12.5rem;
}



.mr-1 {
    /* 16 * 0.25 = 4px */
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    /* 10px */
    margin-right: 0.625rem;
}

.mr-4 {
    margin-right: 0.75rem;
}

.mr-5 {
    margin-right: 1rem;
}

.mr-6 {
    margin-right: 1.25rem;
}

.mr-7 {
    margin-right: 1.5rem;
}

.mr-8 {
    margin-right: 1.5625rem;
}

.mr-9 {
    margin-right: 1.875rem;
}

.mr-10 {
    margin-right: 2rem;
}

.mr-11 {
    margin-right: 2.1875rem;
}

.mr-12 {
    margin-right: 2.5rem;
}

.mr-13 {
    margin-right: 2.8125rem;
}

.mr-14 {
    margin-right: 3.125rem;
}

.mr-15 {
    margin-right: 3.75rem;
}

.mr-16 {
    margin-right: 4.375rem;
}

.mr-17 {
    margin-right: 5rem;
}

.mr-18 {
    margin-right: 5.625rem;
}

.mr-19 {
    margin-right: 6.25rem;
}

.mr-20 {
    margin-right: 12.5rem;
}





.mb-1 {
    /* 16 * 0.25 = 4px */
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    /* 10px */
    margin-bottom: 0.625rem;
}

.mb-4 {
    margin-bottom: 0.75rem;
}

.mb-5 {
    margin-bottom: 1rem;
}

.mb-6 {
    margin-bottom: 1.25rem;
}

.mb-7 {
    margin-bottom: 1.5rem;
}

.mb-8 {
    margin-bottom: 1.5625rem;
}

.mb-9 {
    margin-bottom: 1.875rem;
}

.mb-10 {
    margin-bottom: 2rem;
}

.mb-11 {
    margin-bottom: 2.1875rem;
}

.mb-12 {
    margin-bottom: 2.5rem;
}

.mb-13 {
    margin-bottom: 2.8125rem;
}

.mb-14 {
    margin-bottom: 3.125rem;
}

.mb-15 {
    margin-bottom: 3.75rem;
}

.mb-16 {
    margin-bottom: 4.375rem;
}

.mb-17 {
    margin-bottom: 5rem;
}

.mb-18 {
    margin-bottom: 5.625rem;
}

.mb-19 {
    margin-bottom: 6.25rem;
}

.mb-20 {
    margin-bottom: 12.5rem;
}



.ml-1 {
    /* 16 * 0.25 = 4px */
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    /* 10px */
    margin-left: 0.625rem;
}

.ml-4 {
    margin-left: 0.75rem;
}

.ml-5 {
    margin-left: 1rem;
}

.ml-6 {
    margin-left: 1.25rem;
}

.ml-7 {
    margin-left: 1.5rem;
}

.ml-8 {
    margin-left: 1.5625rem;
}

.ml-9 {
    margin-left: 1.875rem;
}

.ml-10 {
    margin-left: 2rem;
}

.ml-11 {
    margin-left: 2.1875rem;
}

.ml-12 {
    margin-left: 2.5rem;
}

.ml-13 {
    margin-left: 2.8125rem;
}

.ml-14 {
    margin-left: 3.125rem;
}

.ml-15 {
    margin-left: 3.75rem;
}

.ml-16 {
    margin-left: 4.375rem;
}

.ml-17 {
    margin-left: 5rem;
}

.ml-18 {
    margin-left: 5.625rem;
}

.ml-19 {
    margin-left: 6.25rem;
}

.ml-20 {
    margin-left: 12.5rem;
}